<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@ taglib uri="/struts-tags" prefix="s" %>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title><s:text name="index.titulo"/></title>
        <link rel="icon" href="icon/gw_icon_2.ico" />
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link href="js/themes/flora/flora.all.css" rel="stylesheet" type="text/css" />
        <!-- Clave googlemaps
        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAKGIfAgkkfVA-E7igQspD8xQF4Ju3bQtmxkIyE_vJ_ly0gvIbIxQWJa2XKtFzAz6uKqzkn7_uLnB7Dg"
         type="text/javascript"></script>
        -->
		<!-- itforce -->
		<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAKGIfAgkkfVA-E7igQspD8xRFvqnPBQgTA2AI9TUzSAY35XbIExQVMxb2VR0HE7FDk-eHRFi_ZsxUEA"
		type="text/javascript"></script>
		
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/ui/ui.core.js"></script>
        <script type="text/javascript" src="js/ui/ui.draggable.js"></script>
        <script type="text/javascript" src="js/ui/ui.tabs.js"></script>
        <script type="text/javascript" src="js/ui/ui.accordion.js"></script>		
		<script type="text/javascript" src="js/ui/ui.dialog.js"></script>
		<script type="text/javascript" src="js/gw.core.js"></script>
        <script type="text/javascript">          
			// Nothing for now.
        </script> 
    </head>
    <body>
	    <div id="contenedor">
		    <div id="encabezado" align="right">   
				    <div id="menu_idioma">
						<ul>
							<li>
								<s:url id="url" action="welcome">
									<s:param name="request_locale">en</s:param>
        						</s:url>
        						<s:a href="%{url}">English</s:a>
        					</li>
							<li>
								<s:url id="url" action="welcome">
									<s:param name="request_locale">es</s:param>
        						</s:url>
        						<s:a href="%{url}">Espa&ntilde;ol</s:a>
							</li>
							<li>
								<s:url id="url" action="welcome">
									<s:param name="request_locale">ck</s:param>
        						</s:url>
        						<s:a href="%{url}">Cackchiquel</s:a>
        					</li>
							<li>
								<s:url id="url" action="welcome">
									<s:param name="request_locale">ck</s:param>
        						</s:url>
        						<s:a href="%{url}">Otros</s:a>
							</li>
						</ul>
					</div>					
					<div id="menu" >
						<ul>
							<li><a id="map_show" href="#"><s:text name="index.menu.principal.mostrar_mapa"/></a></li>
							<li><a id="map_hide" href="#"><s:text name="index.menu.principal.ocultar_mapa"/></a></li>
							<li><a id="new_location" href="#"><s:text name="index.menu.principal.nuevo_sitio"/></a></li>
							<li><a id="iniciar_sesion" href="#"><s:text name="index.menu.principal.iniciar_sesion"/></a></li>
						</ul>
					</div>	
			</div>
			<div id="contenido">			
		        <div id="example" class="flora">
		            <ul>                
		                <li><a href="#mapa_interactivo"><span>Mapa Interactivo</span></a></li>
		                <li><a href="#wiki"><span>Wiki</span></a></li>
		                <li><a href="#acerca_de"><span>Acerca de..</span></a></li>
		            </ul>
		            <div id="mapa_interactivo"> 
		                <div id="map"></div>
		            </div>
		            <div id="wiki">
		                <strong>Guatemala Wiki Cultural</strong>
		            </div>
		            <div id="acerca_de">
		            	<h1><s:property value="message"/></h1>
		                <strong>Universidad de San Carlos de Guatemala</strong>
		                Facultad de Ingenieria<br/>
		                Escuela de Ciencias y Sistemas<br/>
		                Melvin Miculax<br/>
		                2002-12299<br/>
		                
		            </div>
		        </div>
				<div id="info" style="display:none"><s:text name="index.formulario.nuevo_sitio.mensaje"/></div>
			    <div id="new_location_form" class="flora" title="Nuevo Sitio">
			        <form>
			            <s:text name="index.formulario.nuevo_sitio.nombre"/><input type="text" size="20" name="location_name">&nbsp;<a id="save" href="#"><s:text name="index.formulario.nuevo_sitio.aceptar"/></a> <a id="cancel" href="#"><s:text name="index.formulario.nuevo_sitio.cancelar"/></a>
			            <br />
			            <p>Latitude: <span id = "latitud">0.0</span> <br />
						Longitud: <span id="longitud">0.0</span></p>
			        </form>
			    </div>
				<div id="wizard" class="flora" title="Asistente"></div>
			</div>
		</div>
	</body>
</html>